.banner{
    width: 100%;
    height: 270px;
}
.story{
    width: 100%;
    height: 825px;
}
.contact{
    width: 100%;
    height: 963px;
}
.about{
    width: 100%;
    height: 100px;
    background-color: #4d4d4d;

}

.h{
    width: 1080px;
    margin: 0 auto;
}




.banner img{
    width: 100%;
    height:100% ;

}   







.story .bra{
    margin-top: 101px;
    margin-bottom: 77px;
 
}
.story .bra .bra1{
    margin:0 auto;
    width: fit-content;
    font-size: 26px;
	color: #444444;
    
    
}
.story .bra .bra2{
    width: fit-content;
    margin: 0 auto;
    font-size: 16px;
	color: #c1c1c1;
}



.story .con{
    height: 440px;

}
.story .con .con-pic1{
    float: left;
}
.story .con .con-main1{
    margin-left: 490px;
    font-size: 16px;
    color: #6b6b6b;
    line-height: 28px;
    text-indent: 20px;
}
.story .con .con-main2{
    font-size: 16px;
    line-height: 28px;
    color: #6b6b6b;   
    margin-top: 25px;
}






.contact .con1{
    text-align: center;
    font-size: 26px;
	color: #444444;
}
.contact .con2{
    text-align: center;
    font-size: 16px;
	color: #c1c1c1;
}
.contact  .con-pic1{
    margin-top: 80px;
    margin-bottom: 34px;
}
.contact  .con3{
    font-size: 26px;
	color: #373737;
}
.contact  .con4{
    font-size: 16px;
    color: #616060;
    margin-top: 20px;
}
.contact .con-pic2{
    float: left;
    margin-top: 40px;
} 
.contact  .con5{
    margin-top: 223px;
    margin-left: 512px;
    color: #616060;
}





.about{
    background-color: #4d4d4d;
}
.about .about1{
    float: left;
    margin-top: 39px;
}
.about .p1{
   font-size: 12px;
   color: #ffffff;
}
.about .p2{
   font-size: 12px;
   color: #ffffff;
    margin-top: 12px;
}
.about .about2{
    float: right;
}
.about .about2 .us{
   margin-top: 45px;
}
.about .about2 .us-item{
    float: left ;
    font-size: 12px;
    color: #ffffff;
    margin-left: 64px;
}
